<html>

<head>
	<title>Web activity manager - Inserimento di un nuovo task </title>
	<link href="menu/menu.css" rel="stylesheet" type="text/css"/>
	<script src="xmlLoader.js" type="text/javascript"></script>
	<script src="menu_and_sessiondata.js" type="text/javascript"></script>
	<script type="text/javascript">
		
		function init(){
		
			loadSessionData();
			generateMenu();
		}
		
		function isDate(){
					var stringa=document.getElementById("expdate").value;
					var espressione = /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/;
					 if (!espressione.test(stringa))  {
						alert("Formato non valido. Il formato corretto e': gg/mm/aaaa");
						document.getElementById("expdate").value="";
						return false;
					  } else {
						 // Recupera dalla stringa i campi anno, mese e giorno
							anno = parseInt(stringa.substr(6),10);
							mese = parseInt(stringa.substr(3, 2),10);
							giorno = parseInt(stringa.substr(0, 2),10);
 
							// Crea la nuova data
							var data=new Date(anno, mese-1, giorno);
						 
							// Controlla che i parametri della data siano
							//  gli stessi che abbiamo impostato
							if (data.getFullYear()==anno &&
								  data.getMonth()+1==mese &&
								  data.getDate()==giorno){
							  return true;
							} else {
								
							  alert("Data non valida");
							document.getElementById("expdate").value="";
						}
					 }
					}

		
	</script>
	<link href="style/style.css" rel="stylesheet" type="text/css"/>
	</head>

<body onload="init()">
	<div class = "header">

		<div class = "headerban">
			<h1><center> WEB ACTIVITY MANAGER </center></h1>
		</div>
		
		<div class = "session_data">
			<table>
				<tr>
					<td><b>Utente: </b></td>
					<td><div id = "current_user"></div>
					</td>
				</tr>
				<tr>
					<td>
						<b>Ruolo: </b></td>
					<td><div id = "current_role" ></div>
					</td>
				</tr>
				<tr>
					<td>
						<b>Progetto: </b></td>
					<td><div id = "current_project"></div>
					</td>
				</tr>
				<tr>
					<td>
						<a href="http://localhost:4444/logout"><input type="button" value="logout"/></a>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
	<!-- MENU -->
	<div class = "menu">
		<ul id="menu">
		</ul>
	</div>
	<br>
	<br>
	
	<div class = "funct_name">
		<h2><center> Creazione di un nuovo task di progetto </center></h2>
	</div>
	
	<!-- FORM DI INSERIMENTO TASK -->
		<form action="http://localhost:4444/add_task">
			<fieldset>
				<legend> Aggiungi task al progetto </legend>
				<table>
					<tr>
						<td><label for="name"> Nome </label> </td>
							<td><input type="text" name="name" required id="name"/></td>
						</td>
					</tr>
					<tr>
						<td><label for="total_hours"> Ore totali previste </label> </td>
							<td><input type="text" name="total_hours" required id="total_hours"/></td>
						</td>
					</tr>
					<tr>
						<td><label for="description"> Descrizione </label> </td>
							<td><input type="text" name="description" id="description"/></td>
						</td>
					</tr>
					</tr>
						<td><label for="expdate"> Data scadenza </label></td>
						<td><input type="text" name="expdate" id="expdate" onchange="isDate();" required/></td>
				</table>
				<input type="submit" value="Aggiungi"/>
			</fieldset>
		</form>
		
</body>

</html>